<template>
       <div class="app1">
        <h4>父组件1</h4>
        <Zmitt/>
        <Zmitt2/>
       </div>
</template>
    
<script setup lang='ts'>
import { ref } from 'vue';
import Zmitt from './Zmitt.vue';
import Zmitt2 from './Zmitt2.vue';

</script>
    
<style scoped>
    .app1{
        width: 80%;
        padding: 20px;
        background-color: bisque;
        font-size: 17px;
        border-radius: 5px;
    }
</style>